<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>基本导航条</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<!--
反色导航条其实是Bootstrap框架为大家提供的第二种风格的导航条，与默认的导航条相比，使用方法并无区别，只是将navbar-deafult类名换成navbar-inverse。其变化只是导航条的背景色和文本做了修改。：
-->
<body>
<!--代码-->
<div class="navbar navbar-inverse" role="navigation">
  <div class="navbar-header">
     <a href="##" class="navbar-brand">慕课网</a>
  </div>
  <ul class="nav navbar-nav">
      <li class="active"><a href="">首页</a></li>
    <li><a href="">教程</a></li>
    <li><a href="">关于我们</a></li>
  </ul>
</div>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 

</body>
</html>